// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'

// 引入mock(调用后台接口时，需要注释掉下面代码)
import mock from './mock.js';

/* 引入ElementUI，下面三行 */
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

/* 引入axios，下面两行 */
import axios from 'axios';
/*
1、全局属性配置，在任意组件内可以使用this.$http获取axios对象（就是取了个别名）
2、Vue.prototype：这个语法是：给vue整个工程，设置一个全局的 自定义变量
*/
Vue.prototype.$http = axios;
// 配置axios的全局基本路径：前端使用axios向后台发请求时，都以此为统一访问URL前缀
//axios.defaults.baseURL = " https://mock.mengxuegu.com/mock/63b40f65fef1752f04c0070a/example"
axios.defaults.baseURL = "http://127.0.0.1:8888"

Vue.config.productionTip = false

//axios前置拦截器，每次请求发到后台之前，都会先走这里
// axios.interceptors.request.use(config => {
//   //如果已经登录了，就从浏览器的localStorage中取出token传给后台
//   if (localStorage.getItem('TOKEN')) {
//     // 将token放到每个请求到请求头中，带到后台
//     config.headers['Authorization'] = "Bearer " + localStorage.getItem('TOKEN');
//   }
//   return config
// }, error => {
//   // Do something with request error
//   Promise.reject(error)
// });
//
// //axios响应拦截器，每次后台的响应都会先经过这里，再是页面js开始处理
// axios.interceptors.response.use(config => {
//   return config
// },error => {
//   console.log(error);
//   console.log(error.response);
//   Promise.reject(error);
// });
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})
